<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASUS华硕官网_笔记本电脑、一体机、DIY配件、数码外设、手机、台式机官方网站</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../static/stylesheets/swiper.css">
    <link rel="shortcut icon" href="https://static.asus.com.cn/static/store/favicon.ico" type="image/x-icon">
</head>

<body>
    <div class="header">
        <div class="containerWidth">
            <div class="leftbox">
                <a href="./">商城首页</a>
                <span class="inlineBlock line"></span>
                <a href="">以旧换新</a>
                <span class="inlineBlock line"></span>
                <a href="">新机租赁</a>
                <span class="inlineBlock line"></span>
                <a href="">服务与支持</a>
                <span class="inlineBlock line"></span>
                <a href="">驱动下载</a>
                <span class="inlineBlock line"></span>
                <a href="">A码通道</a>
                <!-- <span class="inlineBlock line"></span> -->
            </div>
            <div class="rightbox">
                <span class="right-login1">
                    <a href="./login.html" id="iogin-a">登录</a>
                    <span class="inlineBlock line"></span>
                    <a href="./register.html" id="login-r">注册</a>
                </span>
                <span class="right-login2">
                    <a href="" id="login-n">名字</a>
                    <span class="inlineBlock line"></span>
                    <a href="./login.html" id="login-o">退出</a>
                </span>
                <span class="inlineBlock line"></span>
                <a href="">消息</a>
                <span class="inlineBlock line"></span>
                <a href="">我的订单</a>
                <span class="inlineBlock line"></span>
                <a href="" class="inside">手机版
                    <div class="insideBox">
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14404710299100.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城APP</p>
                                <p>新人专享礼包</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210407/14405454569854.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14405897101504.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14410448504810.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14425198521005.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城公众号</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210407/14431010199565.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210416/14075357501015.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">微信小程序</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210416/14080048561001.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                <span class="inlineBlock line"></span>
                <a href="./shopCar.html" class="cart">
                    <span>购物车</span>
                </a>
            </div>
        </div>

    </div>
    <!-- 头部导航栏+搜索栏 -->
    <div class="topModule">
        <div class="containerWidth">
            <div class="logobox">
                <a href="#" class="inlineBlock">
                    <img src="//static.asus.com.cn/store/20210408/14104351515697.png" class="logo" alt="FX80" />
                </a>
            </div>
            <div class="menu">
                <a class="" href="https://w3.asus.com.cn" target="_blank">
                    <img src="//static.asus.com.cn/store/20210408/13493410198979.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">华硕官网</span>
                </a>
                <a class="" data-index=1 href="https://www.asus.com.cn/store/branch/index.html?id=2&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14260499101565.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">ROG专区</span>
                </a>
                <a class="" data-index=2 href="https://www.asus.com.cn/store/branch/index.html?id=9&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14261252535149.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">a豆专区</span>
                </a>
                <a class="" data-index=3 href="https://adol.asus.com.cn/adol/web/pc/dist/index.html" target="_blank"
                    rel="nofollow">
                    <img src="//static.asus.com.cn/store/20210408/13501252505256.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">装机必备</span>
                </a>
                <a class="" href="./activity.html">
                    <span class="">热门活动</span>
                </a>
            </div>
            <div class="searchbox">
                <div class="search">
                    <input type="text" class="ipt" placeholder="" />
                    <span class="searchIcon"></span>
                </div>
                <input type="hidden" value="" id="default_search_key">
            </div>
        </div>
    </div>


    <div class="swiper-container container1">
        <!-- 内部元素容器 swiper-wrapper -->
        <div class="swiper-wrapper">
            <!-- 每一个显示内容 swiper-slide -->

            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210827/17582852509751.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210901/11395497515210.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210902/17165555494810.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210819/14590910048529.jpg" alt="">
            </div>

            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210901/15401310051491.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://static.asus.com.cn/store/20210816/11001198995749.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="	https://static.asus.com.cn/store/20210816/11001198995749.jpg" alt="">
            </div>
        </div>

        <div class="swiper-button-prev prev"></div>
        <div class="swiper-button-next next"></div>
        <div class="swiper-pagination"></div>

        <!-- 二级菜单 -->
        <div class="secondmenu">
            <ul>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20201218/15162557491015.png" class="img_1"
                            alt="FX80" />
                        <span>笔记本电脑</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20201218/15181151994849.png" alt="FX80" />
                                <span>高效游戏</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">天选</a>
                                <a href="./list.html" target="_blank">飞行堡垒</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210521/14441299519910.jpg" alt="FX80" />
                                <span>灵耀轻薄</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">灵耀X</a>
                                <a href="./list.html" target="_blank">灵耀14</a>
                                <a href="./list.html" target="_blank">灵耀13</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210521/14455349499952.jpg" alt="FX80" />
                                <span>办公娱乐</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">无畏</a>
                                <a href="./list.html" target="_blank">VivoBook</a>
                                <a href="./list.html" target="_blank">主流家用</a>
                            </div>
                        </div>

                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210521/14475357544952.jpg" alt="FX80" />
                                <span>时尚潮色</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">adolbook</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210521/14491810149489.jpg" alt="FX80" />
                                <span>创意设计</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">灵耀X</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210521/14510899971011.jpg" alt="FX80" />
                                <span>商用便携</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">破晓</a>
                                <a href="./list.html" target="_blank">灵珑</a>
                                <a href="./list.html" target="_blank">博文</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20210412/15174355541001.png" class="img_1"
                            alt="FX80" />
                        <span>ROG电竞专区</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20181015/15322798509850.jpg" alt="FX80" />
                                <span>电竞本</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">冰刃</a>
                                <a href="./list.html" target="_blank">枪神</a>
                                <a href="./list.html" target="_blank">魔霸</a>
                                <a href="./list.html" target="_blank">幻</a>
                                <a href="./list.html" target="_blank">冰锐</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20181016/10160654515510.png" alt="FX80" />
                                <span>游戏手机</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">游戏手机</a>
                                <a href="./list.html" target="_blank">游戏手机周边</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20190103/16211256534810.jpg" alt="FX80" />
                                <span>电竞台机</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">光魔</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210323/15412250565749.jpg" alt="FX80" />
                                <span>信仰周边</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">服饰</a>
                                <a href="./list.html" target="_blank">背包</a>
                                <a href="./list.html" target="_blank">周边</a>
                                <a href="./list.html" target="_blank">Slash</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20210412/15180297101549.png" class="img_1"
                            alt="FX80" />
                        <span>DIY电脑组件</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180915/10382310297995.jpg" alt="FX80" />
                                <span>主板</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">Z590/B560</a>
                                <a href="./list.html" target="_blank">Z490</a>
                                <a href="./list.html" target="_blank">B460</a>
                                <a href="./list.html" target="_blank">X570</a>
                                <a href="./list.html" target="_blank">B450/B550</a>
                                <a href="./list.html" target="_blank">Z390/B360</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180915/10400452975151.jpg" alt="FX80" />
                                <span>显卡</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">ROG系列</a>
                                <a href="./list.html" target="_blank">TUF系列</a>
                                <a href="./list.html" target="_blank">DUAL系列</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180918/16473151505651.jpg" alt="FX80" />
                                <span>显示器</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">22-25英寸</a>
                                <a href="./list.html" target="_blank">26-28英寸</a>
                                <a href="./list.html" target="_blank">29-65英寸</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180915/11255551549899.jpg" alt="FX80" />
                                <span>周边配件</span>
                            </a>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20181106/14245897535210.jpg" alt="FX80" />
                                <span>散热器</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">ROG系列</a>
                                <a href="./list.html" target="_blank">TUF系列</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20190505/10425198985448.jpg" alt="FX80" />
                                <span>机箱</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">ROG系列</a>
                                <a href="./list.html" target="_blank">TUF系列</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20190505/10441410149491.jpg" alt="FX80" />
                                <span>电源</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">ROG系列</a>
                                <a href="./list.html" target="_blank">STRIX系列</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210901/22353897971004.jpg" alt="FX80" />
                                <span>DIY套装系列</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">板卡套装</a>
                                <a href="./list.html" target="_blank">ROG全家桶套装</a>
                                <a href="./list.html" target="_blank">机电散套装</a>
                                <a href="./list.html" target="_blank">键鼠套装</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20201218/17035910252519.png" class="img_1"
                            alt="FX80" />
                        <span>网络/外设</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20201221/16332654100525.jpg" alt="FX80" />
                                <span>路由器</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">家用路由器</a>
                                <a href="./list.html" target="_blank">电竞路由器</a>
                                <a href="./list.html" target="_blank">分布式路由器</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20201221/16323551975598.jpg" alt="FX80" />
                                <span>键鼠外设</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">键盘</a>
                                <a href="./list.html" target="_blank">鼠标</a>
                                <a href="./list.html" target="_blank">耳机</a>
                                <a href="./list.html" target="_blank">光驱</a>
                                <a href="./list.html" target="_blank">电竞椅</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20210412/15175248549710.png" class="img_1"
                            alt="FX80" />
                        <span>整机产品</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210720/14062110053541.jpg" alt="FX80" />
                                <span>台式机</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">碉堡</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210720/13560149102515.jpg" alt="FX80" />
                                <span>一体机</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">猎鹰</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20210720/14085757100569.jpg" alt="FX80" />
                                <span>Mini PC</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">PN系列</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="./list.html">
                        <img src="https://static.asus.com.cn/store/20210415/16515910210199.png" class="img_1"
                            alt="FX80" />
                        <span>智能数码/周边</span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/arrow.png" class="img_2"
                            alt="FX80" />
                    </a>
                    <div class="children">
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180915/11255551549899.jpg" alt="FX80" />
                                <span>周边配件</span>
                            </a>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20201218/15413510297555.jpg" alt="FX80" />
                                <span>a豆智能</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">智能平板</a>
                                <a href="./list.html" target="_blank">a豆周边</a>
                            </div>
                        </div>
                        <div class="childItem">
                            <a href="./list.html" target="_blank" class="child_a">
                                <img src="//static.asus.com.cn/store/20180915/11281299981025.jpg" alt="FX80" />
                                <span>增值服务</span>
                            </a>
                            <div class="div_a">
                                <a href="./list.html" target="_blank">延长保修</a>
                                <a href="./list.html" target="_blank">服务升级</a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </div>

    </div>


    <div class="moudle1">
        <div class="part1">
            <div class="group1">
                <div class="title">好价继续！
                    <img src="https://static.asus.com.cn/static/store/images/newIndex/topic.png" alt="">
                </div>
                <a href="">100元大额券开领！购笔记本电脑享一年意外险，了解更多></a>
                <div class="tips">
                    <span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/dui.png" alt="">官方商城
                    </span>
                    <span>
                        <img src="https://static.asus.com.cn/static/store/images/newIndex/dui.png" alt="">售后无忧
                    </span>
                    <span>
                        <img src="	https://static.asus.com.cn/static/store/images/newIndex/dui.png" alt="">以旧换新
                    </span>
                </div>
            </div>
            <div class="group2">
                <a href="">
                    <img src="https://static.asus.com.cn/store/20210824/15311450485252.png" alt="">
                    <p>华硕好屏</p>
                </a>
                <a href="">
                    <img src="https://static.asus.com.cn/store/20210823/11315256504954.png" alt="">
                    <p>A!有内容</p>
                </a>
                <a href="">
                    <img src="https://static.asus.com.cn/store/20210823/11320149101495.png" alt="">
                    <p>会员福利</p>
                </a>
                <a href="">
                    <img src="https://static.asus.com.cn/store/20210823/11320957515051.png" alt="">
                    <p>领券中心</p>
                </a>
                <a href="">
                    <img src="https://static.asus.com.cn/store/20210823/11321749564810.png" alt="">
                    <p>以旧换新</p>
                </a>
            </div>
            <div class="group3">
                <div class="noLoginbox">
                    <img src="https://static.asus.com.cn/static/store/images/newIndex/avatar.png" alt="">
                    <div>
                        <a href="./login.html" id="index-login">登录</a>
                        <span></span>
                        <a href="#">注册</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="part2">
            <div class="swip_1">
                <div class="swip_2">
                    <div class="lide">
                        <a href="#" target="_blank">
                            <img src="https://static.asus.com.cn/store/20210813/11392710250541.jpg" alt="FX80" />
                        </a>
                    </div>
                    <div class="lide">
                        <a href="#" target="_blank">
                            <img src="https://static.asus.com.cn/store/20210819/11443551495651.jpg" alt="FX80" />
                        </a>
                    </div>
                    <div class="lide">
                        <a href="#" target="_blank">
                            <img src="https://static.asus.com.cn/store/20210813/14215450561004.jpg" alt="FX80" />
                        </a>
                    </div>
                    <div class="lide">
                        <a href="#" target="_blank">
                            <img src="https://static.asus.com.cn/store/20210813/11393998551015.jpg" alt="FX80" />
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="moudle2">
        <div class="part1">
            <div class="topic">1F 游戏专区
                <a href="#" target="_blank">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="https://static.asus.com.cn/store/20210806/11010099569999.jpg" alt="FX80" />
                </a>
                <div class="rightbox">
                </div>
            </div>
            <a href="#" target="_blank" class="adsImg">
                <img src="https://static.asus.com.cn/store/20210830/13505097485451.jpg" alt="FX80" />
            </a>
        </div>

        <div class="part2">
            <div class="topic">2F 轻薄专区
                <a href="#" target="_blank" class="more fr">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="	https://static.asus.com.cn/store/20210730/15145310056555.jpg" alt="FX80" />
                </a>
                <div class="rightbox">
                </div>
            </div>
        </div>
        <div class="part3">
            <div class="topic">3F ROG电竞专区
                <a href="#" target="_blank" class="more fr">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="https://static.asus.com.cn/store/20210707/17595357515754.jpg" alt="FX80" />
                </a>
                <div class="rightbox">

                </div>
            </div>
        </div>
        <div class="part4">
            <div class="topic">4F 超清大屏
                <a href="#" target="_blank" class="more fr">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="https://static.asus.com.cn/store/20210730/15153454101100.jpg" alt="FX80" />
                </a>
                <div class="rightbox">

                </div>
            </div>
        </div>
        <div class="part5">
            <div class="topic">5F DIY电脑配件区
                <a href="#" target="_blank" class="more fr">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="https://static.asus.com.cn/store/20210410/15020398505799.jpg" alt="FX80" />
                </a>
                <div class="rightbox">

                </div>
            </div>
        </div>
        <div class="part6">
            <div class="topic">6F 外设/网络产品
                <a href="#" target="_blank" class="more fr">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="clearfix">
                    <img src="	https://static.asus.com.cn/store/20210410/15040553101579.jpg" alt="FX80" />
                </a>
                <div class="rightbox">

                </div>
            </div>
        </div>
    </div>

    <!-- 模块三 -->
    <div class="moudle3">
        <div class="tabs" id="tabs">
            <!-- 最多显示6个 -->
            <div class="tabsItem " data-id="105">
                <span data-id="105" class="guessfirst">ROG电竞本</span>
            </div>
            <div class="tabsItem " data-id="7">
                <span data-id="7">时尚轻薄本</span>
            </div>
            <div class="tabsItem" data-id="6">
                <span data-id="6">潮玩游戏本</span>
            </div>
            <div class="tabsItem" data-id="78">
                <span data-id="78">路由器</span>
            </div>
            <div class="tabsItem" data-id="46">
                <span data-id="46">DIY</span>
            </div>
            <div class="tabsItem guesslast" data-id="11">
                <span data-id="11">整机</span>
            </div>
        </div>
        <div class="tabsList">
            <!-- 最多显示15个 -->

        </div>
    </div>

    <div class="moudle4">
        <div class="part1">
            <div class="topic">爆品评测
                <a href="#" target="_blank">更多>></a>
            </div>
            <div class="list">
                <a href="#" target="_blank" class="aitems">
                    <p class="topics">品牌热讯</p>
                    <p class="txt">品牌热讯 | ROG X570主板 龙力加冕 发布四款全新X570主板！</p>
                    <p class="txt">ROG X570主板 龙力加冕 发布四款全新X570主板！</p>
                    <div class="articleImg">
                        <img src="//static.asus.com.cn/store/20210825/16154549519810.jpg" alt="FX80" />
                    </div>
                </a>
                <a href="#" target="_blank" class="aitems">
                    <p class="topics">品牌热讯</p>
                    <p class="txt">品牌热讯 | ROG幻14 Alan Walker典藏版领衔 燃爆ROG电竞潮玩夜</p>
                    <p class="txt">ROG幻14 Alan Walker典藏版领衔 燃爆ROG电竞潮玩夜</p>
                    <div class="articleImg">
                        <img src="https://static.asus.com.cn/store/20210819/17290110052984.jpg" alt="FX80" />
                    </div>
                </a>
                <a href="#" target="_blank" class="aitems">
                    <p class="topics">脑洞大赛</p>
                    <p class="txt">脑洞大赛 | 灵耀：是时候献上你的清奇脑洞了!</p>
                    <p class="txt">双屏的１００种玩法</p>
                    <div class="articleImg">
                        <img src="https://static.asus.com.cn/store/20210816/17493097101995.jpg" alt="FX80" />
                    </div>
                </a>
                <a href="#" target="_blank" class="aitems">
                    <p class="topics">华硕商城</p>
                    <p class="txt">关注华硕商城公众号,有你好看!</p>
                    <p class="txt">商城拍了拍您的小手,说:关注了吗?</p>
                    <div class="articleImg">
                        <img src="https://static.asus.com.cn/store/20201017/14434650505251.jpg" alt="FX80" />
                    </div>
                </a>
            </div>
        </div>
        <div class="part2">
            <div class="topic">玩机教程
                <a href="#" target="_blank">更多>></a>
            </div>
            <div class="list">
                <a href="#" class="vitems">
                    <div class="imgs">
                        <img src="//static.asus.com.cn/store/20210901/16170099505299.png" alt="FX80" />
                        <span class="spanImg"></span>
                    </div>
                    <p class="name">高能出击|ROG魔霸5R</p>
                    <p class="desc">ROG魔霸5R</p>
                </a>
                <a href="#" class="vitems">
                    <div class="imgs">
                        <img src="https://static.asus.com.cn/store/20210819/13533749495110.png" alt="FX80" />
                        <span></span>
                    </div>
                    <p class="name">幻引狂潮 | ROG 幻14 Alan Walker典藏版</p>
                    <p class="desc">ROG 幻14 Alan Walker典藏版</p>
                </a>
                <a href="#" class="vitems">
                    <div class="imgs">
                        <img src="https://static.asus.com.cn/store/20210729/16385510250505.jpg" alt="FX80" />
                        <span></span>
                    </div>
                    <p class="name">速看靓机丨无畏Pro14</p>
                    <p class="desc">无畏Pro14</p>
                </a>
                <a href="#" class="vitems">
                    <div class="imgs">
                        <img src="https://static.asus.com.cn/store/20210831/14230456505253.png" alt="FX80" />
                        <span></span>
                    </div>
                    <p class="name">满血WIFI6 | RT-AX86U 巨齿鲨</p>
                    <p class="desc">RT-AX86U 巨齿鲨</p>
                </a>
            </div>
        </div>
    </div>

    <!--修改右侧固定栏   开始-->
    <div id="fixedfield" class="fixed-field">
        <div class="group">
            <dl class="group_1">
                <dt></dt>
                <dd>个人中心</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_2">
                <dt></dt>
                <dd>热线</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_3">
                <dt></dt>
                <dd>优惠券</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_4">
                <dt></dt>
                <dd>客服</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_5">
                <dt></dt>
                <dd>APP</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_6">
                <dt></dt>
                <dd>注册好礼</dd>
            </dl>
        </div>
        <div class="group" id="to_scroll_top">
            <dl class="group_7 grouptop">
                <dt></dt>
                <dd>返回顶部</dd>
            </dl>
        </div>
    </div>
    <!--修改右侧固定栏   结束-->


    <!-- 楼梯效果 -->
<div class="star">
    <div class="stairs" id="stairs">
        <ul>
            <li data-id="1">游戏专区</li>
            <li data-id="2">轻薄专区</li>
            <li data-id="3">ROG电竞专区</li>
            <li data-id="4">超清大屏</li>
            <li data-id="5">DIY电脑配件区</li>
            <li data-id="6">外设/网络产品</li>
            <li data-id="7">爆品评测</li>
            <li data-id="8">玩机教程</li>
        </ul>
    </div>
</div>
   

    <div class="footer">
        <div class="service">
            <div class="page">
                <ul class="clearfix">
                    <li class="qi">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon1.png" alt="" />
                        官方直营
                    </li>
                    <li class="shiwu">
                        <!--                            <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon2.png" alt="">
                        笔记本意外险
                    </li>
                    <li class="man">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon3.png" alt="" />
                        满69包邮
                    </li>
                    <li class="yuyue">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon4.png" alt="" />
                        15天无忧退
                    </li>
                    <li class="last">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon5.png" alt="" />
                        支付宝花呗分期
                    </li>
                </ul>
            </div>
        </div>
        <div class="helper">
            <div class="page ">
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">公司介绍</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">关于华硕</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕承诺</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">交易条款</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">特别提醒</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">订单说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员注册</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员账户安全与信息 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">购物流程</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">积分使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">优惠券使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕商城服务协议说明 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">授权服务店服务说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">以旧换新</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预约规则</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预售规则</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">配送与付款</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">发货与签收规范</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送运费说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送异常</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">付款咨询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">蚂蚁花呗常见问题</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">服务与支持</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">华硕服务中心查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕授权实体门店查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕智汇家</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">中国RoHS合格评定标识</a>
                        </dd>
                    </dl>
                </div>
                <div class="item ewm">
                    <p class="ewm-title">400-091-9520</p>
                    <p class="ewm-subtitle">专属服务热线</p>
                    <img class="ewm-img" src="//static.asus.com.cn/static/store/css/images/footer-erweima.png"
                        alt="FX80" />
                    <p class="ewm-but">扫码下载</p>
                </div>
            </div>
        </div>
        <div class="friend-link">
            <div class="friend-word">
                <p class="show-link">友情链接</p>
                <div class="friend-link-box">
                    <a href="#" target="_blank">a豆</a>
                    <a href="#" target="_blank">rog</a>
                    <a href="#" target="_blank">adol</a>
                    <a href="#" target="_blank">魔霸</a>
                    <a href="#" target="_blank">主板</a>
                    <a href="#" target="_blank">冰刃</a>
                    <a href="#" target="_blank">显示器</a>
                    <a href="#" target="_blank">游戏本</a>
                    <a href="#" target="_blank">adolbook</a>
                    <a href="#" target="_blank">魔霸电脑</a>
                    <a href="#" target="_blank">玩家国度</a>
                    <a href="#" target="_blank">飞行堡垒</a>
                    <a href="#" target="_blank">华硕天选</a>
                    <a href="#" target="_blank">天选笔记本</a>
                    <a href="#" target="_blank">魔霸笔记本</a>
                    <a href="#" target="_blank">枪神笔记本</a>
                    <a href="#" target="_blank">a豆笔记本</a>
                    <a href="#" target="_blank">笔记本电脑</a>
                    <a href="#" target="_blank">电脑笔记本</a>
                    <a href="#" target="_blank">ROG游戏手机</a>
                    <a href="#" target="_blank">飞行堡垒华硕</a>
                    <a href="#" target="_blank">华硕VivoBook</a>
                    <a href="#" target="_blank">华硕天选电脑</a>
                    <a href="#" target="_blank">华硕电脑天选</a>
                    <a href="#" target="_blank">华硕天选笔记本</a>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <div class="mask"></div>
            <div class="theme">
                <p>&nbsp;</p>
                <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                <p><a target="_blank" href="#">营业执照：12000002201803260012</a>&nbsp;│<a href="#"
                        target="_blank">沪ICP备11025349号-3</a>&nbsp;│ ASUSTeK Computer
                    Inc. All Rights Reserved.</p>
                <div class="privacy"><a target="_blank" href="#">
                        <p>
                            <a href="#">ASUS使用条款</a>
                            <a href="#">隐私政策</a>
                            <img
                                src="//static.asus.com.cn/static/store/images/735f16509d9a54d5ddade073f133e7dcf2c0a486.png?1499224546#h"><a
                                target="_blank" href="#" rel="nofollow">沪公网安备
                                31011202002313号</a>
                        </p>
                </div>
            </div>
        </div>
    </div>



    <script src="../static/javascripts/swiper.js"></script>
    <script src="../static/javascripts/jQuery.js"></script>
    <script src="../static/javascripts/axios.js"></script>
    <script src="./javascripts/swiper.js"></script>
    <script src="./javascripts/index.js"></script>
    <script src="../static/javascripts/lazyLoad.js"></script>
</body>

</html>